<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width= , initial-scale=1.0" />
    <title>pad</title>
    <link rel="stylesheet" href="./index.css"/>
  </head>
  <body>
    <section>
      <!--顶部-->
      <header>
        <div class="header-search">
          <div>北京</div>
          <div>
            <img src="./images/icon-搜索_slices/icon-搜索@2x.png" alt="" />
            <div>公司/地铁/小区，马上搜索</div>
            <div></div>
            <img src="./images/icon-定位_slices/icon-定位@2x.png" alt="" />
          </div>
          <img src="./images/icon-消息_slices/icon-消息@2x.png" alt="" />
        </div>
      </header>

      <!--主体-->
      <main>
        <div class="menu">
          <ul>
            <li>
              <img
                src="./images/Rectangle 31_slices/Rectangle 31@2x.png"
                alt=""
              />
              <span>整租2-3居</span>
            </li>
            <li>
              <img
                src="./images/Rectangle 31_slices/Rectangle 31@2x.png"
                alt=""
              />
              <span>整租2-3居</span>
            </li>
            <li>
              <img
                src="./images/Rectangle 31_slices/Rectangle 31@2x.png"
                alt=""
              />
              <span>整租2-3居</span>
            </li>
            <li>
              <img
                src="./images/Rectangle 31_slices/Rectangle 31@2x.png"
                alt=""
              />
              <span>整租2-3居</span>
            </li>
            <li>
              <img
                src="./images/Rectangle 31_slices/Rectangle 31@2x.png"
                alt=""
              />
              <span>整租2-3居</span>
            </li>
            <li>
              <img
                src="./images/Rectangle 31_slices/Rectangle 31@2x.png"
                alt=""
              />
              <span>整租2-3居</span>
            </li>
            <li>
              <img
                src="./images/Rectangle 31_slices/Rectangle 31@2x.png"
                alt=""
              />
              <span>整租2-3居</span>
            </li>
            <li>
              <img
                src="./images/Rectangle 31_slices/Rectangle 31@2x.png"
                alt=""
              />
              <span>整租2-3居</span>
            </li>
          </ul>

          <div class="middle">
            <div>
              <img src="./images/Rectangle 40_slices/Rectangle 40@2x.png" />
              <div>
                <span>硅谷家服</span>
                <span>搬家.保洁.清洁.维修</span>
              </div>
            </div>
            <div>
              <img src="./images/Rectangle 40_slices/Rectangle 40@2x.png" />
              <div>
                <span>硅谷家服</span>
                <span>搬家.保洁.清洁.维修</span>
              </div>
            </div>
          </div>

          <div>
            <img src="./images/Frame 2_slices/Frame 2@2x.png" alt="" />
            <img src="./images/Frame 2_slices/Frame 2@2x.png" alt="" />
            <img src="./images/Frame 2_slices/Frame 2@2x.png" alt="" />
            <img src="./images/Frame 2_slices/Frame 2@2x.png" alt="" />
          </div>

          <div>
            <img src="./images/横栏-banner@2x.png" />
          </div>

          <div>
            <span>周边房源</span>
            <span>推荐</span>
            <span>更多推荐 ></span>
          </div>
        </div>

        <ul class="houses">
          <li>
            <img src="./images/Rectangle 59@2x.png" alt="" />
            <div>
              <img src="./images/定位.png" />
              <span>朝阳·喜瑞公寓</span>
            </div>
            <div>
              <span style="font-size: 0.14rem; color: #e03810"
                >¥1900<sub>/月</sub></span
              >
              <span>42m<sup>2</sup></span>
            </div>
            <div>
              房东直租方
            </div>
            <div>
              <div style="margin-right: 0.12rem">大开间</div>
              <div style="background-color: #b3b3b3">近地铁</div>
            </div>
          </li>
          <li>
            <img src="./images/Rectangle 59@2x.png" alt="" />
            <div>
              <img src="./images/定位.png" />
              <span>朝阳·喜瑞公寓</span>
            </div>
            <div>
              <span style="font-size: 0.14rem; color: #e03810"
                >¥1900<sub>/月</sub></span
              >
              <span>42m<sup>2</sup></span>
            </div>
            <div style="font-size: 0.12rem; margin-top: 0.02rem; color: #000">
              房东直租方
            </div>
            <div>
              <div style="margin-right: 0.12rem">大开间</div>
              <div style="background-color: #b3b3b3">近地铁</div>
            </div>
          </li>
          <li>
            <img src="./images/Rectangle 59@2x.png" alt="" />
            <div>
              <img src="./images/定位.png" />
              <span>朝阳·喜瑞公寓</span>
            </div>
            <div>
              <span style="font-size: 0.14rem; color: #e03810"
                >¥1900<sub>/月</sub></span
              >
              <span>42m<sup>2</sup></span>
            </div>
            <div style="font-size: 0.12rem; margin-top: 0.02rem; color: #000">
              房东直租方
            </div>
            <div>
              <div style="margin-right: 0.12rem">大开间</div>
              <div style="background-color: #b3b3b3">近地铁</div>
            </div>
          </li>
          <li>
            <img src="./images/Rectangle 59@2x.png" alt="" />
            <div>
              <img src="./images/定位.png" />
              <span>朝阳·喜瑞公寓</span>
            </div>
            <div>
              <span style="font-size: 0.14rem; color: #e03810"
                >¥1900<sub>/月</sub></span
              >
              <span>42m<sup>2</sup></span>
            </div>
            <div style="font-size: 0.12rem; margin-top: 0.02rem; color: #000">
              房东直租方
            </div>
            <div>
              <div style="margin-right: 0.12rem">大开间</div>
              <div style="background-color: #b3b3b3">近地铁</div>
            </div>
          </li>
          <li>
            <img src="./images/Rectangle 59@2x.png" alt="" />
            <div>
              <img src="./images/定位.png" />
              <span>朝阳·喜瑞公寓</span>
            </div>
            <div>
              <span style="font-size: 0.14rem; color: #e03810"
                >¥1900<sub>/月</sub></span
              >
              <span>42m<sup>2</sup></span>
            </div>
            <div style="font-size: 0.12rem; margin-top: 0.02rem; color: #000">
              房东直租方
            </div>
            <div>
              <div style="margin-right: 0.12rem">大开间</div>
              <div style="background-color: #b3b3b3">近地铁</div>
            </div>
          </li>
          <li>
            <img src="./images/Rectangle 59@2x.png" alt="" />
            <div>
              <img src="./images/定位.png" />
              <span>朝阳·喜瑞公寓</span>
            </div>
            <div>
              <span style="font-size: 0.14rem; color: #e03810"
                >¥1900<sub>/月</sub></span
              >
              <span>42m<sup>2</sup></span>
            </div>
            <div style="font-size: 0.12rem; margin-top: 0.02rem; color: #000">
              房东直租方
            </div>
            <div>
              <div style="margin-right: 0.12rem">大开间</div>
              <div style="background-color: #b3b3b3">近地铁</div>
            </div>
          </li>
        </ul>
      </main>
      </div>

      <!--导航栏-->
      <nav>
        <section>
            <div>
                <img src="./images/icon-首页_slices/icon-首页@2x.png" alt="" />
                <span>首页</span>
            </div>
            <div>
                <img src="./images/icon-首页_slices/icon-首页@2x.png" alt="" />
                <span>首页</span>
            </div>
            <div>
                <img src="./images/icon-首页_slices/icon-首页@2x.png" alt="" />
                <span>首页</span>
            </div>
            <div>
                <img src="./images/icon-首页_slices/icon-首页@2x.png" alt="" />
                <span>首页</span>
            </div>
            <div>
                <img src="./images/icon-首页_slices/icon-首页@2x.png" alt="" />
                <span>首页</span>
            </div>
        </section>
      </nav>
    </section>
  </body>
</html>
